/* RESET */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, pre,
a,
em, img,
small, strike, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* GENERAL */
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #c4ccc4;
	font-size: 62.5%;
}

/* HEADER */
#header_container {
	margin: 0 auto;
	width: 1160px;
	height: 110px;
	padding-bottom: 1px;
}
/* TOP HEADER */
#header {
	overflow: hidden;
	height: 74px;
}
#header h1 {
	float: left;
	background: url(../images/logo.png) no-repeat top left;
	margin: 18px 10px 0px;
}
#header h1 a {
	width: 686px;
	height: 55px;
	text-indent: -9999px;
	display: block;
}
.userinfo {
	float: right;
	height: 31px;
	max-width: 454px;
	margin: 10px 12px 0 7px;
	padding: 14px 25px 12px;
	border-top: 1px solid #093040;
	border-left: 1px solid #093040;
	border-right: 1px solid #fafafa;
	border-bottom: 1px solid #fafafa;
	background-color: #ebebeb;
	color: #0f5069;
}
.userinfo strong {
	font-size: 1.1em;
	font-weight: bold;
	color: #0f5069;
}
.userinfo ul {
	margin-top: 8px;
}
.userinfo li {
	display: inline;
}
.userinfo li a{
	font-size: 1.1em;
	color: #0a1b22;
	text-decoration: none;
}
.userinfo li a:hover {
	text-decoration: underline;
}
.userinfo a.active {
	color: #d20000;
}
.login {
	width: 200px;
	color: #0f5069;
}
.login form {
	margin-top: 8px;
}
.login input {
	border: 1px solid #092f3f;
	color: #333333;
	background: #fff;
	width: 70px;
	font-size: 1.1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-right: 1px;
}
.login input:focus {
	border-color: #0f4987;
	color: #0f4987
}
.login .button {
	width: 44px;
}
.login .button:hover {
	color: #d20000;
	border-color: #d20000;
}
/* HEADER BAR / NAV BAR / SEARCH BAR */
#header_bar {
	overflow: hidden;
	height: 36px;
}
#header_bar ul {
	float: left;
	margin: 14px 10px 17px;
	width: 815px;
}
#header_bar li {
	display: inline;
	margin-right: 21px;
}
#header_bar li a {
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	color: #092f3f;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#header_bar li a:hover {
	color: #d20000;
}
#search {
	float: right;
	background: url(../images/search_bg.gif);
	width: 222px;
	height: 27px;
	margin: 3px 10px;
}
#search #search_input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #5e5e5e;
	float: left;
	margin: 4px 0 0 8px;
	border: 0;
	background: none;
	width: 162px;
}
#search #go {
	float: right;
	margin: 2px 3px 0 0;
}
/* BANNER */
#banner {
	margin: 0 auto;
	height: 156px;
	background-color: #0a1b22;
}
#banner_inner {
	margin: 0 auto;
	position: relative;
	width: 780px;
	height: 156px;
	background: #0a1b22 url(../images/banner.jpg) center no-repeat;
}
#banner_inner p {
	display: none;
}
#banner_inner a {
	position: absolute;
	top: 132px;
	right: 5px;
}
/* OUTER AND INNER CONTAINER */
/* for the 2 background images */
#outer_container {
	margin: 0 auto;
	background: #c4ccc4 url(../images/main_outer_bg.gif) top left repeat-x;
}
#inner_container {
	margin: 0px auto;
	background: transparent url(../images/main_bg.jpg) center top no-repeat;
	width: 946px;
}
/* MAIN MAIN MAIN CONTAINER */
#main_container {
	margin: 0 auto;
	width: 780px;
}
/* TABS */
#tabs {
	background: url(../images/tabs.jpg) no-repeat center top;
	width: 780px;
	height: 48px;
}
#tabs span {
	display: none;
}
#tabs li, #tabs a {
	height: 48px;
	display: block;
}
#tabs li {
	float: left;
	display: inline;
}
#tab_clan { width: 193px; }
#tab_player { width: 198px; }
#tab_weapon { width: 201px; }
#tab_server { width: 188px; }
#tab_clan:hover { background: url(../images/tabs.jpg) 0px -96px no-repeat; }
#tab_player:hover { background: url(../images/tabs.jpg) -193px -96px no-repeat; }
#tab_weapon:hover { background: url(../images/tabs.jpg) -391px -96px no-repeat; }
#tab_server:hover { background: url(../images/tabs.jpg) -592px -96px no-repeat; }
#tab_clan.active, #tab_clan.active:hover { background: url(../images/tabs.jpg) 0px -48px no-repeat; }
#tab_player.active, #tab_player.active:hover { background: url(../images/tabs.jpg) -193px -48px no-repeat; }
#tab_weapon.active, #tab_weapon.active:hover { background: url(../images/tabs.jpg) -391px -48px no-repeat; }
#tab_server.active, #tab_server.active:hover { background: url(../images/tabs.jpg) -592px -48px no-repeat; }
/* MAIN CONTENT */
#main {
	background: url(../images/main_gradient.gif) repeat-x top left;
	width: 780px;
	padding-top: 1px;
}
#main p {
	margin: 21px 57px 5px;
}
.table {
	margin: 21px 57px 5px;
	padding: 1px 5px;
	background-color: #092f3f;
}
.table h2 {
	font-size: 1.15em;
	color: #fafafa;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 3.6em;
	margin-left: 14px;
}
.table h2 a {
	color: #fafafa;
	text-decoration: none;
}
.table h2 a:hover {
	color: #98aab1;
	text-decoration: none;
}
.table .fill {
	height: 5px;
	display: block;
}
.table .content {
	background-color: #ebebeb;
	display: block;
}
.table .content li {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}
.table .content ul {
	background-color: #e5e5e5;
	height: 23px;
	width: 656px;
}
.table .content ul.srvr_info {
	background-color: #dddddd;
}
.table .content ul.heading li, .table .content ul.srvr_info li {
	color: #454545;
	font-size: 1.4em;
	font-weight: bold;
	height: 23px;
	line-height: 23px;
	margin-left: 1px;
}
.table .content ul.row {
	background-color: #ebebeb;
	height: 22px;
	border-bottom: 1px solid #092f3f;
	padding: 3px 0;
}
.table .content ul.row li {
	color: #092f3f;
	font-size: 1.4em;
	border-left: 1px solid #fff;
	height: 22px;
	line-height: 22px;
}
.table .content ul.row:hover {
	background-color: #fafafa;
}
.table .content ul.row:hover li{
	border-color: #c4ccc4;
}
.table .content ul.row li a{
	color: #092f3f;
	text-decoration: none;
}
.table .content ul.row li a:hover{
	color: #0f5069;
}
.table .content ul.row li.rank {
	border: none;
}
/*----------------------------------------*/
/* TOP PLAYERS [SUM = 97%]*/
.table li.tp_rank {
	width: 11%;
}
.table li.tp_name {
	width: 47%;
}
/* Highlight current */
.table ul#highlight li.tp_name a{
	color: #d20000;
	font-weight: bold;
}
.table li.tp_tier {
	width: 15%;
}
.table li.tp_rating {
	width: 24%;
}
/* INDIVIDUAL PLAYER STATS */
.table li.p_heading {
	width: 37%;
	font-weight: bold;
}
.table li.p_stats {
	width: 60%;
}
/* SEARCH FOR PLAYERS */
.table li.sp_name {
	width: 49%;
}
.table li.sp_tier {
	width: 24%;
}
.table li.sp_rating {
	width: 24%;
}
/* WEAPONS STATS */
.table li.wu_name {
	width: 60%;
}
.table li.wu_kills {
	width: 37%;
}
.table li.pwu_name {
	width: 49%;
}
.table li.pwu_kills {
	width: 24%;
}
.table li.pwu_accuracy {
	width: 24%;
}
/* TOP WEAPON USERS */
.table li.twu_rank {
	width: 11%
}
.table li.twu_name {
	width: 59%;
}
.table li.twu_kills {
	width: 27%;
}
/* SERVER SNAPSHOT */
.table .content ul li.srvr_error {
	font-weight: bold;
	color: #cc0000;
	width: 97%;
}
.table .content ul li.srvr_status {
	color: #aaa;
	font-size: 1.1em;
	height: 15px;
	width: 97%;
}
.table li.srvr_status .on {
	color: #00cc00;
	font-weight: bold;
}
.table li.srvr_status .off {
	color: #cc0000;
	font-weight: bold;
}
.table .content ul li.plr_bravo, .table .content ul li.plr_bravo a, .table .content ul li.plr_bravo a:hover{
	color: #0000ff;
}
.table .content ul li.plr_alpha, .table .content ul li.plr_alpha a, .table .content ul li.plr_alpha a:hover{
	color: #ff0000;
}
.table .content ul li.srvr_plr a{
	text-decoration: underline;
}
.table .content ul li.srvr_plr a:hover{
	text-decoration: none;
}
.table .content ul li.srvr_id {
	width: 10%;
}
.table li.srvr_plr {
	width: 39%;
}
.table .content ul li.srvr_kills {
	width: 17%;
}
.table .content ul li.srvr_deaths {
	width: 17%;
}
.table .content ul li.srvr_ping {
	width: 12%;
}
.table li.srvr_map {
	width: 32%;
}
.table li.srvr_num_plr {
	width: 33%;
}
.table li.srvr_time {
	width: 32%;
}
/*-------------------------------------------*/
/* FOOTER */
#footer {
	margin: 40px 0 20px 15px;
	overflow: hidden;
}
#footer img {
	float: left;
}
#footer p {
	float: left;
	text-align: left;
	font-family: Tahoma;
	font-size: 1.1em;
	color: #555555;
	line-height: 1.85em;
	margin-left: 15px;
}
#footer span {
	text-transform: uppercase;
	font-size: 0.9em;
}
#footer a {
	color: #093649;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

/* OTHERS */
.warning {
	font-size: 1.4em;
	text-align: center;
	font-weight: bold;
	line-height: 1.4em;
	padding: 12px 2px;
	margin: 4px 8px 4px 8px;
	background: #FBE3E4;
	color: #8a1f11;
	border: 4px solid #FBC2C4;
}
.success {
	font-size: 1.4em;
	text-align: center;
	font-weight: bold;
	line-height: 1.4em;
	padding: 12px 2px;
	margin: 4px 8px 4px 8px;
	background: #E6EFC2;
	color: #264409;
	border: 4px solid #C6D880;
}
#modal-feeds {
	font-size: 1.4em;
	line-height: 1.5em;
}
#modal-feeds li {
	list-style: none;
}
#modal-feeds li a{
	color: #0f5069;
	text-decoration: none;
}
#modal-feeds li a:hover{
	color: #d20000;
}
.qtip-title {
	font-size: 1.4em;
	background: #c4ccc4;
}
.qtip-button {
	font-size: 1.1em;
	color: #d20000;
}
